<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.ui-pagination-container {
				height: 34px;
				line-height: 34px;
			}
			
			.ui-pagination-container .ui-pagination-page-item {
				display: inline-block;
				width: 14px;
				height: 14px;
				text-align: center;
				line-height: 14px;			
				font-size: 14px;
				padding: 4px 10px;
				background: #fff;
				border: 1px solid #c5b7b7;
				color: #888;
				margin: 0 3px;
				text-decoration: none;
			}
			
			.ui-pagination-container .ui-pagination-page-item:hover {
				border-color: #568dbd;
				color: #568dbd;
				text-decoration: none;
			}
			
			.ui-pagination-container .ui-pagination-page-item.active {
				background: #568dbd;
				border-color: #568dbd;
				color: #fff;
				cursor: default;
			}
		</style>
	</head>

	<body>
		<div id="pagination"></div>
	</body>

</html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$("#pagination").pagination({
		currentPage: 4, // 当前页数
		totalPage: 16, // 总页数
		isShow: false, // 是否显示首尾页
		count: 7, // 显示个数
		// homePageText: "首页",// 首页文本
		// endPageText: "尾页",// 尾页文本
		prevPageText: "<<", // 上一页文本
		nextPageText: ">>", // 下一页文本
		callback: function(current) {
			// 回调,current(当前页数)
		}
	});
</script>